<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 头部制作 -->
    <header class="app">
        <ul>
            <li>
                <img src="images/app_close.png" alt="" width="15px">
            </li>
            <li>
                <img src="images/app_logo.png" alt="" width="30px">
            </li>
            <li>打开京东APP，购物更轻松</li>
            <li>立即打开</li>
        </ul>
    
    </header>
     <!-- 搜索模块制作 -->
     <div class="search-wrap">
         <div class="search-btn"></div>
         <div class="search">
             <div class="jd-logo"></div>
             <div class="sousuo"></div>
             <input type="text" value="请输入关键字">
         </div>
         <div class="search-login">登入</div>
     </div>
     <!-- 主体部分 -->
     <div class="main-content">
         <div class="slider">
             <img src="upload/slider.dpg" alt="">
         </div>
     </div>
     <!-- 品牌日 -->
     <!-- <div class="brand">
         <div>
             <img src="upload/brand1-0.jpg" alt="" class="img1">
             <img src="upload/brand1-1.png" alt="" class="img2">
             
         </div>
         <div>
             <img src="upload/brand2-0.jpg" alt="" class="img3">
             <img src="upload/brand2-2.dpg" alt="" class="img4">
             <img src="upload/brand2-3.dpg" alt="" class="img5">
         </div>
         <div></div>
     </div> -->
     <!-- 导航栏模块 -->
     <nav>
         <a href="#"><img src="upload/nav1.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav1.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav1.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav1.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav1.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav2.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav2.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav2.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav2.png" alt=""><p>京东超市</p></a>
         <a href="#"><img src="upload/nav2.png" alt=""><p>京东超市</p></a>
     </nav>
     <!-- 新闻快报模块 -->
     <div class="news">
         <a href="#">
             <strong class="text1">全球配送</strong>
             <div class="text2">正品直邮</div>
            <img src="upload/news1.dpg" alt="">    
        </a>
         <a href="#">
            <strong class="text1">全球配送</strong>
            <div class="text2">正品直邮</div>
           <img src="upload/news2.dpg" alt="">    
         </a>
         <a href="#">
            <strong class="text1">全球配送</strong>
            <div class="text2">正品直邮</div>
           <img src="upload/news3.dpg" alt="">    
         </a>
         <a href="#">
            <strong class="text1">全球配送</strong>
            <div class="text2">正品直邮</div>
           <img src="upload/news4.dpg" alt="">    
         </a>
     </div>
</body>
</html>